<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <?php echo $this->headTitle($this->title); ?>
    <?php
    //import css
    $this->headLink()->appendStylesheet('/css/simple.css');    
    echo $this->headLink();
    //import javascript in appycation 
    $this->headScript()->appendFile('/js/jquery-1.3.2.min.js');
    $this->headScript()->appendFile('/js/simple.js');
    echo $this->headScript();
    ?>
</head>
<script>document.observe('dom:loaded', function(){

	var textboxes = $$('form.awesome input.input-text');

	textboxes.each(function(input, index){
		
		var label = input.previous();
	
		if (index == 0){
			new Form.Observer(input.up('form'), 0.1, function(form, value) {
				textboxes.each(function(inputX){
					if (!inputX.value.empty()) {
						inputX.previous().addClassName('hastext');
					}
				});
			});
		}
		
		input.onfocus = function(){
			if (input.value.empty()){
				label.addClassName('focus');            
			}
		}
		input.onblur = function(){
			if (input.value.empty()){
				label.removeClassName('focus').removeClassName('hastext');          
			}
		}
		
		if (!input.value.empty()) {
			label.addClassName('hastext');
		}
		
		input.onkeypress = function(){
			label.addClassName('hastext');
		};
	});

});</script>
<style media="print">
body {
	width: 100% !important;
	font-family:Arial, Helvetica, sans-serif;
}
div#admin-header, ul.tabs, div#sidebar, div#site-info {
	display: none !important;
}
div.secondary.page-header {
	display: none !important;
}
</style>

<style>
div#wrapper {
	margin-top: 0px;
}
</style>
</head>

<body id="newPage" class="other_browsers win_os">
<div id="wrapper">
  <div id="container" class="collapsed">
    <div id="header"></div>
    <?php echo $this->layout()->content ?>
  </div>
</div>
</body>
</html>